<template>
  <div class="message-list">
     <div class="message-list-main">
       <div class="message-list-title">
         <p class="message-list-versions">V12.32.3</p>
         <p class="message-list-time">2018-08-25 14:45</p>
       </div>
       <div class="message-list-content">Content of no border type. Content of no border type. Content of no border type. Content of no border type. </div>
       <div class="message-list-back"><Button class="module-menu-margin" type="primary" @click='back'>返回</Button></div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'message_detail',
  methods: {
    back () {
      window.history.back()
    }
  }
}
</script>

<style lang='less'>
.message-list {
  .message-list-main {
    padding: 8px 32px;
  }
  .message-list-title{
    padding: 16px 0;
    border-bottom:1px solid #E8EAEC;
  }
  .message-list-versions {
    font-weight: bold;
    font-family: HelveticaNeue-Medium;
    font-size: 16px;
    color: #17233d;
    letter-spacing: 0;
  }
  .message-list-time {
    font-family: HelveticaNeue;
    font-size: 12px;
    color: #808695;
    letter-spacing: 0;
  }
  .message-list-content{
    padding:25px 32px;
  }
  .message-list-back{
     padding:0 32px;
  }
}
</style>
